<div class="row">
	<div class="col-xs-12">
		<!-- PAGE CONTENT BEGINS -->
		<div class="row">
			<div class="col-xs-12">
				<div class="table-header">
					申请信息列表
				</div>
				<div>
					<table id="data_tables" class="table table-striped table-bordered table-hover">
						<thead>
							<tr>
							    <th>业务编号</th>	
								<th>申请时间</th>		
								<th>申请状态</th>	
								<th></th>	
							</tr>
						</thead>


						<tbody>
						    <#list dataInfoList as dataInfo>	
								<tr>
									<td>${dataInfo.busiId}</td>
									<td>${dataInfo.applyDate}</td>
									<td><@libMacro.dictName dictType="D00017" dictCode='${dataInfo.applyState}' /></td>
								<td>
									<div class="hidden-sm hidden-xs action-buttons">
										<a class="blue" href="#" onClick="javascript:showDetail('${dataInfo.busiId}');">
											<i class="ace-icon fa fa-search-plus bigger-130"></i>
										</a>
									</div>

									<div class="hidden-md hidden-lg">
										<div class="inline pos-rel">
											<button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown" data-position="auto">
												<i class="ace-icon fa fa-caret-down icon-only bigger-120"></i>
											</button>

											<ul class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
												<li>
													<a href="#" class="tooltip-info" data-rel="tooltip" title="View" onClick="javascript:showDetail('${dataInfo.busiId}');">
														<span class="blue">
															<i class="ace-icon fa fa-search-plus bigger-120"></i>
														</span>
													</a>
												</li>
											</ul>
										</div>
									</div>
								</td>								
							</tr>						
							</#list>
						</tbody>
					</table>
				</div>
			</div>
		</div>
		
		<div class="hr hr-18 dotted hr-double"></div>
		
		<!-- PAGE CONTENT ENDS -->
	</div><!-- /.col -->
</div><!-- /.row -->

<!-- page specific plugin scripts -->
<script type="text/javascript">
	function showDetail(busiId) {
		$("#dataDetailIframe").load("${ctx}/data/detail.do?busiId=" + busiId+"&flag=1");
		$("#dataDetailIframe").show();
		$("#dataDetailIframe").dialog("open");
	}
	
	var dataTables;		
	$(function(){
		dataTables = $("#data_tables").dataTable({
		    "bAutoWidth": false,	
		    "bDestroy":true,
			"aoColumnDefs": [{"bSortable": false, "aTargets": [ 0 ]} 
			]				
		});
	});
	
	var active_class = 'success';
	$('#data_tables').on('click', 'tbody tr' , function(){
		var $row = $(this).closest('tr');	
		if ($row.hasClass(active_class) == false) {
			dataTables.$('tr.' + active_class).removeClass(active_class);
			$row.addClass(active_class);				
		}
	});	
	
</script>